<template>
  <div class="  container">
    <router-view></router-view>
    <div class="index">
      <Header :isShowMyCourse="true"/>
      <div class="main-center2 " style="height: auto; margin-bottom:  0px;">
        <div class="train-con">
          <div class="train-con-list">
            <div class="t-tit">
              <h3>课程详情</h3>
            </div>

            <div class="  study-c-info">

              <img class="pic" src="static/img/pic.jpg">
              <div class="info-txt">
                <h3>独乐乐不如众乐乐</h3>

                <p>999次学习 | 有效期：2021-01-01</p>
                <p class="m-act"><label class="fl price">
                  <b>￥</b>99
                </label><label class=" fr baom cur"  @click="goNext()">继续学习</label></p>
              </div> </div>
            <div class="clear"></div>
            <h3 class="mulu">课程进度  <label class="more fr">已完成个1个课时</label></h3>
            <div class="train-con-study">
              <div class="step fl"><div class="process" style="width: 60%;"></div></div> <label class="fr">40%</label>
            </div>
              <div class="clear"></div>
<h3 class="mulu">课程目录</h3>
              <ul class="train-list">
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>
                <li><img src="static/img/play-v.png" class="pic" /> <label class="fl-name">课件1：第一节</label><label class="fl-time">31：36</label><label class="fl-file">附件</label></li>

              </ul>
            </div>
          </div>

       <div class="r-xcx" ><span class="sp">微信小程序</span>
      <div class="r-xcx2" >
        <h3>培训平台小程序</h3>
        <img width="169" style="margin-top: 26px;" src="/static/img/qr.png" />
      </div>
    </div>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '../../components/header_train.vue';
import Copyright from '../../components/copyright2.vue';

export default {
  data() {
    return {
      isOpen: true,
      value: [], options: [{
        value: '品德养成',
        label: '品德养成'
      }, {
        value: '人物介绍',
        label: '人物介绍'
      }, {
        value: '古今轶事',
        label: '古今轶事'
      }, {
        value: '科学知识',
        label: '科学知识'
      }, {
        value: '成语典故',
        label: '成语典故'
      }]
    };
  },
  created() {
  },
  methods: {
    goNext() {
      this.$router.push("/trainpay");
    },
    goCourse() {
      this.$router.push("/courseList");
    },
    goCollect() {
      this.$router.push("/courseCollect");
    }
  },
  components: {Header, Copyright}
};
</script>

<style lang="scss" scoped>
/deep/ .el-input__inner {
  height: 36px;
  line-height: 35px;
  outline: 0;
}
</style>
